<template>
  <div>
      <cityHeader></cityHeader>
   <citySearch></citySearch>
    <cityList></cityList>
    <cityAlphabet></cityAlphabet>
  </div>
</template>
<script>
  import cityHeader from './components/header'
   import citySearch from './components/search'
  import cityList from './components/list'
   import cityAlphabet from './components/alphabet'
  export default {
    name: 'city',
    components:{
      cityHeader,
      citySearch,
      cityList,
      cityAlphabet
    }
  }
</script>
<style lang="stylus" scoped>

</style>
